<template>
  <div class="header">
    <p class="header-city">城市选择</p>
    <router-link to='/'>
      <div class="iconfont header-back">&#xe658;</div>
    </router-link>
  </div>
</template>

<script type="text/javascript">
export default {
  name: 'CityHeader'
}
</script>

<style type="text/javastyle" lang="stylus" scoped>
@import '~styles/varibles.styl'
.header
  position: relative
  overflow: hidden
  height: $headerHeight
  line-height: $headerHeight
  color: #fff
  background: $bgColor
  font-size: .32rem
  .header-city
    width: 100%
    text-align: center
  .header-back
    position: absolute
    top: 0
    left: 0
    width: .9rem
    text-align: center
    font-size: .8rem
    color: #fff
</style>
